
<template>
  <div class="btns">
    <Button v-auth="'appointmentInterview'" color="success" @click="interviewSession">预约面试</Button>
    <Button v-auth="'noContact'" color="primary" @click="noContact">未联系上</Button>
    <Button v-auth="'InterviewWaive'" color="warning" @click="surrender">放弃</Button>
  </div>
  <BookInterviewModal ref="modal" @closeModal="closeModal"></BookInterviewModal>
</template>

<script setup lang='ts'>
import { ref } from "vue";
import { Button } from "@/components/Button";
import BookInterviewModal from "../../../../Modals/BookInterviewModal.vue";
import { message } from "ant-design-vue";
import { trainingSchedule } from "@/api/application-details/index.ts";
import { comStores } from '@/store/common/comStore';
const store = comStores()
const { userName } = store.userInFor
const emits = defineEmits(['surrender'])
const surrender = () => {
  console.log('surrender')
  emits('surrender', '待约培训')
}

const offline = () => {
  console.log('offline');
  const { resumeId, processId } = store.currentResume;
  let param = {
    "resumeId": resumeId,
    "processId": processId,
    "result": "淘汰",
    "operator": userName
  }
}
const modal = ref<any>(BookInterviewModal)
const interviewSession = () => {
  modal.value.show = true
}
const noContact = () => {
  console.log('noContact')
}
const closeModal = () => {
  modal.value.show = false
}

</script>
<style lang="less" scoped>
.btns {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
</style>